.g.video-management{
  $color: #E4E7C1;
  $iconColor: #FFEEB1;
  $colorOn: #FFFA28;
  .video-body{
    color: $color;
    background: url("~@/assets/image/video_gt/video-bg-gt.png") no-repeat center / 100% 100% #121310;
    .video-nav{
      .nav-item{
        color: $color;
        &.cuur{
          color: #E8F3FE;
          text-shadow: 1px 0px 4px #DCD277;
          &:after{
            background: url("~@/views/pages/video/img/video-gt/nav_bottom.png") no-repeat bottom center / 100% auto;
          }
        }
      }
      .left-change{
        color: $iconColor;
      }
      &:after{
        background: linear-gradient(90deg, rgba(255, 222, 76, 0), rgba(255, 222, 76, 0.35), rgba(255, 222, 76, 0));
      }
    }
    .video-left{
      background: linear-gradient(180deg, rgba(238,227,128,0.61) 0%, rgba(98,88,38,0.13) 4.3%, rgba(76,66,24,0.00) 5%) rgba(0, 0, 0, 0.44);
      border-right: 1px solid;
      border-image: linear-gradient(180deg, rgba(183, 169, 106, 0.4), rgba(137, 127, 80, 0.3)) 1 1;
      .tree-more{
        i{
          color: $iconColor;
        }
        &:before, &:after{
          background: rgba(228, 231, 193, 0.2);
        }
      }
      .camera-tree{
        .el-tree{
          .el-tree__empty-text{
            color: $color;
            &:before{
              content: url("~@/assets/image/noData-gt.png");
            }
          }
        }
      }
      .icon-on{
        color: $colorOn !important;
      }
    }

    .video-right{
      .plug-in-switch{
        background: linear-gradient(180deg, rgba(255,230,163,0.37) 0%, rgba(134,117,80,0.03) 100%);
        border: 1px solid #6E674E;
        line-height: 30px;
        .item{
          color: $color;
          &.on{
            background: linear-gradient(180deg, rgba(228,207,19,0.83) 0%, rgba(159,150,73,1) 100%);
            color: #fff;
          }
        }
      }
      .plug-in-btn{
        .item{
          color: $iconColor;
          border-radius: 4px;
          &.on{
            color: $colorOn;
            background: radial-gradient(circle at 50% -250%, rgba(255,219,117,0.81) 0%, rgba(0,0,0,0) 89%),linear-gradient(180deg, rgba(255,224,72,0.34) 0%, rgba(255,241,126,0.1) 100%) #32301D;
          }
        }
      }
      .video-real, .video-history{
        .video-play{
          .play-item{
            .closed{
              background: url("~@/views/pages/video/img/video-gt/close.png") no-repeat center / 100% 100%;
            }
          }
        }
        .video-play-opt-bottom{
          background: rgba(122, 113, 61, 0.15);
          &.center{
            background: #211D11;
          }
          .play-opt-btns{
            .item{
              color: $iconColor;
              border-radius: 4px;
              &.on{
                color: $colorOn;
                background: radial-gradient(circle at 50% -250%, rgba(255,219,117,0.81) 0%, rgba(0,0,0,0) 89%),linear-gradient(180deg, rgba(255,224,72,0.34) 0%, rgba(255,241,126,0.1) 100%) #32301D;
              }
              .split-screen{
                background: rgba(22, 18, 9, 0.95);
                &:after{
                  border-top-color: rgba(22, 18, 9, 0.95);
                }
              }
            }
          }
        }
      }
    }
    .video-set{
      background: #15130C;
      &:before{
        background: #211E11;
      }
    }
    .el-loading-mask{
      .el-loading-spinner .path{
        stroke: $color;
      }
    }
    ::-webkit-scrollbar-thumb {
      background-color: rgba(100, 86, 46, 0.4);
      &:hover {
        background-color: rgba(100, 86, 46, 0.55);
      }
    }
  }
}
